<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <title>AutoComplete Demo: Stress Test</title>
    <meta name="layout" content="main" />
    <gui:resources components="autoComplete"/>
    <style type="text/css">
        /*margin and padding on body element
          can introduce errors in determining
          element position and are not recommended;
          we turn them off as a foundation for YUI
          CSS treatments. */
    body {
        margin: 0;
        padding: 0;
    }
    </style>

</head>
<body style="font-family: sans-serif">
<div class="yui-skin-sam" style="padding:50px">

<h1>Autocomplete stress test</h1>

<div style="width:300px">
<g:each var="val" in="${(1..<50)}">

    <gui:autoComplete
            name="testControl"
            id="testId${val}"
            resultName="TestData"
            labelField="description"
            idField="id"
            controller="demo"
            forceSelection="true"
            useShadow="true"
            action="testFruitDataAsJSON"/>
    <br/><br/>
</g:each>
</div>
</div>
</body>
</html>